草庐IT

ionic 滚动条

全部标签

javascript - 无限滚动和 will_paginate 多次附加项目的 'next page'

我正在关注thisrailscast尝试在我的Rails应用程序上实现无限滚动页面。当用户向下滚动到页面底部时,将附加一组新的项目并且页面会扩展,但是它会多次附加到页面,即使数组中的所有项目都已加载,事件也会在向下滚动时再次触发,多次再次附加同一组项目。我想要的是在每次用户滚动到底部时附加项目的“下一页”,并在用户再次滚动到底部时附加后续的下一页。这是这个函数的jQuery:jQuery->if$('.pagination').length$(window).scroll->url=$('.pagination.next_page').attr('href')ifurl&&$(wind

javascript - 使用浏览器的主滚动条滚动 2 个 DIV 内容 + 主要内容

我不知道如何解决这个问题,以便在两个页面内移动内容+外部内容。我有以下布局:页眉+页脚书具有固定宽度和高度的页面。我想在没有任何页面滚动条的情况下从主滚动条滚动页面内容(如gmail撰写示例)主要问题是。书将显示在标题之后,如果用户使用较小的屏幕分辨率,它将显示滚动条以向下滚动以正确查看书。然后我们有两个页面,内容互不相同,每个页面都可以比另一个页面长。所以我们想滚动浏览所有数据,然后再继续滚动回页脚。jsFiddle示例:http://jsfiddle.net/7vqzF/2/如果仅从css解决这个问题会很棒。布局结构:(解决方案应该只有一个主浏览器滚动条,从中控制页面和外部图书内容

javascript - 让一个div在向上滚动时回到原来的位置

当你向下和向上滚动时,我有一个带动画的div,问题是当我非常快速地向上和向下滚动而不让div完成它的动画时,div一点一点地离开屏幕的上部.如果我删除.animate()函数中的.stop()并快速上下滚动,div会继续这样做一段时间。我想在向上和向下滚动时保持动画,唯一的区别是快速向上和向下滚动时菜单不会离开屏幕,我已经看过像这样的彻底的堆栈溢出问题,但我没有找到任何东西可以在这里找到jsfiddle的代码:http://jsfiddle.net/QLLkL/4/$(window).scroll(function(){if($(window).scrollTop()>480&&!an

javascript - 无法在移动设备上滚动 amcharts 图表

所以我有一个图表,在移动设备上时跨越100%,但是当试图通过触摸图表并滑动它来滚动屏幕时,它只会触发一个事件而不是滚动。例如,如果我尝试滚动饼图,它会显示饼图的气泡。有没有我可以禁用的事件来缓解这个问题? 最佳答案 解决方法是在图表中设置一个选项"panEventsEnabled":false 关于javascript-无法在移动设备上滚动amcharts图表,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

javascript - 将数据添加到垂直滚动文档时,如何保持前面的部分可见?

这是无限滚动的一部分,当我们向上滚动时也有效:InitialContent111InitialContent222InitialContent333InitialContent444InitialContent555InitialContent666InitialContent777JS代码:vardataAbc='FocusShiftedHere';setTimeout(function(){$(dataAbc).prependTo("#sContainer");},3000);setTimeout(function(){$(dataAbc).prependTo("#sContain

javascript - 区分鼠标滚轮滚动还是滚动条滚动?

我在Stackoverflow上进行了搜索,但似乎找不到这个问题的满意答案。基本上我想知道滚动是通过鼠标滚轮还是浏览器滚动条完成的。 最佳答案 类似这样的方法可能适合您,但它不是最佳解决方案。如果wheel事件恰好发生在scroll事件之前,则滚动是通过轮子完成的,否则它是通过使用轮子之外的其他东西来完成的。触发的两个事件之间存在细微的时间差异,这就是为什么我使用阈值currTime-lastWheelTime>30。$('.test').on('scrollwheelDOMMouseScrollmousewheel',functi

javascript - ionic 应用程序中的计时器(setInterval)在后台运行一段时间后进入休眠状态

我的ionic应用程序有一个计时器(一个简单的setInterval,每秒滴答一次),当应用程序位于前台时,它工作得很好。然而,当应用程序进入后台并在10分钟后返回前台时,应用程序中显示的时间是错误的(时间比应该的少得多)。我试过将计时器添加到指令中并使用nativeDOM操作api(document.getElementById等)方法,但它们都不起作用。我认为当应用程序进入后台时,ionic框架正在对View和绑定(bind)做一些事情。有没有人遇到过这样的问题?如果遇到过,你们是如何解决的? 最佳答案 经过几个小时的寻找答案,

javascript - ionic 避免 View 标题在 Android 上闪烁

我正在尝试按照ionic模板示例所建议的“标准”方式来制作选项卡内容页面。但是,我发现在Android中切换标签时,view-title会闪烁。您不会在iOS或桌面浏览器上看到闪烁。但是,如果您将Chrome中的设备模式切换到Android设备,您会看到闪烁。我怎样才能克服它?菜单.htmlLeftTab1Content1标签.htmlcontent1.htmlContent1content2.htmlContent2 最佳答案 感谢@AndresRehn分享链接(http://forum.ionicframework.com/t/

javascript - 如何向引导框对话框添加滚动条?

我在网上搜索过,但未能找到将滚动条添加到引导框自定义对话框的解决方案。无论如何我可以让它工作。我需要垂直滚动。这可能吗? 最佳答案 Bootbox使用名为modal-body的css类作为其对话框的主体;因此您可以重写该类以使其可滚动。例如:.modal-body{height:100px;overflow-y:scroll;} 关于javascript-如何向引导框对话框添加滚动条?,我们在StackOverflow上找到一个类似的问题: https://s

javascript - 带 ionic 切换而不是按钮的 ionic 输入插件

我非常想合并一个item-input-inset用ion-toggle而不是按钮-因此用户可以选择禁用输入字段。我想要的是这样的:我确实希望将文本输入连接到一个模型,所以我总是有一个NotApplicable变量或用户输入的一些其他字符串(或空字符串)。但我的第一个问题是布局似乎乱七八糟。这是我得到的结果:给出下面乱七八糟的布局 最佳答案 @Norfeldt:请检查下面的代码片段,让我知道您的想法。希望它能像您期望的那样工作。angular.module('ionicApp',['ionic']).controller('MainC